﻿<!DOCTYPE html>
<html>

	<head>
		<title>首页</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<!-- Bootstrap -->
		<link href="./common/css/bootstrap-responsive.css" rel="stylesheet" media="screen">
		<link href="./common/css/bootstrap.css" rel="stylesheet" media="screen">
	</head>
	<style type="text/css">
		.pagination-box {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 1em;
		}
	</style>

	<body>
		<article>
			<div class="container-fluid">
				<div class="row-fluid" >
					<div class="span12">
						<div class="navbar">
							<div class="navbar-inner">
								<div class="container-fluid" style="height: 50px;margin-top: 10px;">
									<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a>
									<a href="#" class="brand">阳光颐养中心</a>
									<div class="nav-collapse collapse navbar-responsive-collapse">
										<ul class="nav">
								<li>
									<a href="#" class="brand">欢迎您！</a>
								</li>
								<li>
									
								</li>
								</ul>
										
										<ul class="nav pull-right">
											<li class="divider-vertical">
											</li>
											<li class="dropdown">
												<a data-toggle="dropdown" class="dropdown-toggle" href="#">用户中心<strong class="caret"></strong></a>
												<ul class="dropdown-menu">
													<li>
														<a href="#">用户信息</a>
													</li>
													<li>
														<a href="#">修改密码</a>
													</li>
												</ul>
											</li>
										</ul>
									</div>

								</div>
							</div>

						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span3">
						<div class="accordion" id="accordion-728166">
							<div class="accordion-group">
								<div class="accordion-heading">
									<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-728166" href="#accordion-element-877674">客户管理</a>
								</div>
								<div id="accordion-element-877674" class="accordion-body in collapse">
									<div class="accordion-inner">
										入住登记
									</div>
									<div class="accordion-inner">
										退住登记
									</div>
									<div class="accordion-inner">
										外出登记
									</div>
								</div>
							</div>
							<div class="accordion-group">
								<div class="accordion-heading">
									<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion-728166" href="#accordion-element-660592">选项卡 #2</a>
								</div>
								<div id="accordion-element-660592" class="accordion-body collapse">
									<div class="accordion-inner">
										功能块...
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="span9">
						<div class="carousel slide" id="carousel-40329">
							<ol class="carousel-indicators">
								<li data-slide-to="0" data-target="#carousel-40329">
								</li>
								<li data-slide-to="1" data-target="#carousel-40329">
								</li>
								<li data-slide-to="2" data-target="#carousel-40329" class="active">
								</li>
							</ol>
							<div class="carousel-inner">
								<div class="item">
									<img alt="" src="img/1.jpg" />
								</div>
								<div class="item">
									<img alt="" src="img/2.jpg" />
								</div>
								<div class="item active">
									<img alt="" src="img/3.jpg" />
								</div>
							</div>
							<a data-slide="prev" href="#carousel-40329" class="left carousel-control">‹</a>
							<a data-slide="next" href="#carousel-40329" class="right carousel-control">›</a>
						</div>
					</div>
				</div>
			</div>

		</article>
		<script src="http://code.jquery.com/jquery.js"></script>
		<script src="./common/js/bootstrap.js "></script>
	</body>

</html>